<template>
	<view class="content" :style="{'height':windowHeight+'px'}">
		<image mode="widthFix" class="logo" src="../../static/image/home.png"></image>
		<image @click="goGuWen()" mode="widthFix" class="home-button" src="../../static/image/home-guwen.png"></image>
		<image @click="goTeacher()" mode="widthFix" class="home-button" src="../../static/image/home-teacher.png">
		</image>
		<text class="end">北体高科（背景）科技有限公司</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				windowHeight: 0,
			}
		},
		onLoad() {
			let _this = this;
			// 获取页面高度
			_this.$uniApi.getWindowHeight(_this);
		},
		methods: {
			goGuWen() {
				uni.navigateTo({
					url: "../guwen/guwen-login"
				});
			},
			goTeacher() {
				uni.navigateTo({
					url: "../teacher/teacherLogin"
				});
			}
		}
	}
</script>

<style>
	.content {
		position: relative;
		background-color: #F5F5F5;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.logo {
		width: 750rpx;
		margin-bottom: 50rpx;
	}

	.home-button {
		width: 680rpx;
		margin-bottom: 50rpx;
		border-radius: 5px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	}
</style>
